import Taro, { Component } from '@tarojs/taro'
import {Image, View} from '@tarojs/components'
import './list.less'

class List extends Component {

  goodsInfo = () => {
      Taro.navigateTo({
        url: '/pages/goodsdetail/goodsdetail'
      }).then(r => {
        console.log(r)
      })
  }

  render () {
    return (
      <View className='sort_List'>
        <View className='sort_list_image'><Image className='sort_list_image_image' src={require('../../../assets/index-banner.png')} /></View>
        <View className='sort_list_item'>
          <View className='sort_list_title'>商品分类</View>
          <View className='sort_list_ground'>
            <View className='at-row at-row--wrap'>
              <View className='at-col at-col-4 ground_bottom_fw' onClick={this.goodsInfo}>
                <View className='sort_list_img'></View>
                <View className='sort_list_name'>商品分类</View>
              </View>
              <View className='at-col at-col-4 ground_bottom_fw'>
                <View className='sort_list_img'></View>
                <View className='sort_list_name'>商品分类</View>
              </View>
              <View className='at-col at-col-4 ground_bottom_fw'>
                <View className='sort_list_img'></View>
                <View className='sort_list_name'>商品分类</View>
              </View>
              <View className='at-col at-col-4 ground_bottom_fw'>
                <View className='sort_list_img'></View>
                <View className='sort_list_name'>商品分类</View>
              </View>
              <View className='at-col at-col-4 ground_bottom_fw'>
                <View className='sort_list_img'></View>
                <View className='sort_list_name'>商品分类</View>
              </View>
              <View className='at-col at-col-4 ground_bottom_fw'>
                <View className='sort_list_img'></View>
                <View className='sort_list_name'>商品分类</View>
              </View>
              <View className='at-col at-col-4 ground_bottom_fw'>
                <View className='sort_list_img'></View>
                <View className='sort_list_name'>商品分类</View>
              </View>
              <View className='at-col at-col-4 ground_bottom_fw'>
                <View className='sort_list_img'></View>
                <View className='sort_list_name'>商品分类</View>
              </View>
              <View className='at-col at-col-4 ground_bottom_fw'>
                <View className='sort_list_img'></View>
                <View className='sort_list_name'>商品分类</View>
              </View>
            </View>
          </View>
        </View>
      </View>
    )
  }
}

export default List;
